<script src="vue.js"></script>
 
 
  <div id="app" > 
        <div v-mydirective>这个我的插件样式</div> 
 
</div>
 
  <script> 
  // 自定义插件 
 
    let MyPlic={}
 
    // 编写插件当中的内容 
    MyPlic.install = function(Vue,Options){ 
 
        console.log(Options); 
        // 将插件中的vue添加自动指令 
        Vue.directive('mydirective',{ 
            bind(el,bingding){ 
                el.style='background-color:#ccc;width:220px;height:100px;'; 
            }
        })
    };
    Vue.use(MyPlic,{someOption: true}) 
    // 实例vue对象 
    var ve=new Vue({ 
        el:'#app'
  }); 
  </script>